<template>
	<el-collapse>
		<el-collapse-item title="vue指令" name="1">
			<p v-for="(item,index) in text" :key="index">
				{{ text[index] }}
			</p>
		</el-collapse-item>
	</el-collapse>
</template>
<script>
export default{
	data(){
		return{
			text:["v-for='(值,下标) in 数据' :key='唯一的值'",
			"v-bind:绑定属性的,可以绑定原生属性也可以绑定自定义属性. 缩写 `:`",
			`v-on:绑定事件的,既可以绑定原生事件,也可以绑定自定义事件.缩写 @`,
			`@click.修饰符='fn'`,
			`.stop 阻止冒泡`,`.prevent  阻止默认事件`,`.native 绑定原生事件 `,
			`.13或enter 回车时才会触发`,
			`使用v-on：事件类型 = 回调函数;回调函数里会被注入一个event对象。`,
			`event.target获取触发事件的元素`,
			`event.currentTarget获取事件绑定的元素`,
			`v-html渲染字符串dom片段`,
			`v-text渲染文本`
			]
		}
	}	
}
</script>
<style>
p {
	font-size: 12px;
	padding: 5px;
	font-family: "微软雅黑";
}
</style>